<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>更多医生</title>
    <titleType style="display: none">moreDoctor</titleType>
    <%- include('../../_global/baseLibs') %>
    <link href="/static/lib/swiper/swiper.min.css" rel="stylesheet" />
    <link href="/static/css/publicqyfw.css" rel="stylesheet" />
    <link href="/static/css/pageqyfw.css" rel="stylesheet" />
    <style type="text/css">
        body{
            background: #fbfafa;
        }
        .docList-item{padding: 10px;display: -webkit-flex;-webkit-align-items: center;}
        .docList-item-left{width: 35%;overflow: hidden;}
        .docList-item-right{width: 100%;padding-left: 10px;padding-right: 10px;position:relative;}
        .docImg{width: 7rem;height:7rem;border-radius: 100%;}
        .docList-item-right-head{line-height: 20px;}
        .docName{font-size: 16px;margin-right: 20px;}
        .docType{display: inline-block;background-color: #6F83F4;color: #fff;padding: 2px 8px;border-radius: 8px;margin-right: 10px;font-size: 12px;}
        .docLevel{display: inline-block;background-color: #d9c27c;color: #fff;padding: 2px 8px;border-radius: 8px;margin-right: 10px;font-size: 12px;}
        .docList-item-right-bottom{padding-top: 5px;width: 90%;}
        .bold{font-weight: bold;margin-right: 10px;}
        .grey{color: #ccc;font-size: 14px;}
    </style>
</head>
<body>
<header class="header-box grey fixed">
    <div class="header-content">
        <div class="left-tool">
            <a class="back" href="javascript:void(0);"><i class="iconfont icon-back"></i></a>
        </div>
        <div class="title">更多医生</div>
    </div>
</header>
<ul class="docList"></ul>
</body>
<script src="/static/lib/swiper/swiper.min.js"></script>
<script type="text/javascript">
    $(function () {
//        42504838400
        var hospitalId = ''
        var info = localStorage.getItem('hosInfo')
        if(info){
            info = JSON.parse(info)
            hospitalId =info.hosId;
        }
        $.QuickRemote.AjaxJson({
            funcName: "/api/gzd/qyfw/doctor"
            ,params: {hospitalId: hospitalId}
            ,callback: function(result) {
                var html="";
                for(var i = 0;i < result.length;i++){
                    var doc = result[i]
                    var img = (doc.avatar)?doc.avatar: '/static/images/doctor_image.jpg';
                    html += '<li class="docList-item" data-id="'+doc.id+'">'+
                        '<div class="docList-item-left">'+
                        '<img class="docImg" src="'+img+'"/>'+
                        '</div>'+
                        '<div class="docList-item-right">'+
                        '<p class="docList-item-right-head"><span class="docName">'+doc.name+'</span><span class="docType">'+doc.department+'</span><span class="docLevel">'+doc.duty+'</span></p>'+
                        '<p class="docList-item-right-bottom"><span class="bold">擅长</span><span class="grey">'+doc.intro+'</span></p>'+
                        '</div>'+
                        '</li>'
                }
                $('.docList').append(html)
            }
        });
        $('body').on('click','.docList-item',function () {
               var docId = $(this).attr("data-id")
            localStorage.setItem('docId', docId)
            location = 'qygrxx.html'
        })
    })
</script>
</html>
